/* Website Common */
html{background: url(a??pj/gate/img/bg-ocean.jpg) no-repeat fixed;background-size: cover;background-position: center top;}
a[href]{color: #259;}
a[href]:hover{color: #08d;text-decoration: underline;}
/*@font-face {
	font-family: "Ftiebihei";
	src: url(a??pj/gate/font/Ftiebihei.woff),
         url(a??pj/gate/font/Ftiebihei.otf),
	     url(a??pj/gate/font/Ftiebihei.ttf),
         url(a??pj/gate/font/Ftiebihei.eot);
}*/
/* other styles */
header{height: 110px;color: #f3eddb;}
@media only screen and (min-width: 1580px){
    header{height: 140px;}
}
/* header-天气 */
.weather{padding: .7rem 0;line-height: 1.3rem;font-size: .85rem;}
.weather-item{width: 8.5rem;height: 5rem;float: left;text-align: center;}
.weather-item [class^="icon-"]{display: block;}
.weather-item [class^="icon-"]:before{font-size: 2rem;margin: .35rem 0 0;width: 100%;}
#city{color: #b3d5d7;}
.welcome{text-align: center;font-size: 1rem;line-height: 1.4rem;}
.welcome p{display: none;}
/* header-门 */
.door{width: 120px;height: 120px;margin-left: -60px;}
.door img{position: absolute;width: 100%;}
/* header-个人中心 */
.personal-center{display: flex;padding: 10px 0;}
.personal-center-face,.personal-center-item{width: 3.6rem;height: 3.6rem;flex: 1 1 auto;}
.personal-center-face{overflow: hidden;position: relative;border: 2px solid #f3eddb;margin: 0 .35rem;background-color: rgba(0,32,48,.3);}
.personal-center-face .icon-user{position: absolute;z-index: -1;}
.personal-center-face .icon-user:before{font-size: 2.8rem;text-align: center;line-height: 3.6rem;width: 3.6rem;margin: -2px;}
.personal-center-face img{width: 3.6rem;height: 3.6rem;margin: -2px;}
.personal-center-item{margin-left: 5px;}
.personal-center-item a{color: #f3eddb;}
.personal-center-item [class^="icon-"]{display: block;text-align: center;line-height: 1.4rem;}
.personal-center-item [class^="icon-"]:before{font-size: 1.7rem;margin: .3rem 0 .2rem;width: 100%;}
.hover-select{position: relative;}
.hover-select a,.hover-select:hover ul{display: block;}
.hover-select:hover>a,.hover-select:hover li{color: #1f1f20;text-decoration: none;background: rgba(245, 255, 250, .8);border-bottom: 1px solid;border-right: 1px solid;border-color: rgba(0,48,32,.3);box-shadow: -1px 0 3px 0 #89acb2;}
.hover-select:hover li a{color: #1f1f20;}
.hover-select ul{display: none;width: 7rem;position: absolute;right: 0;}
.hover-select li{width: 7rem;float: right;}
.hover-select li a{text-align: center;padding: .35rem 0;}
.hover-select li:last-child{border-bottom: none;}
.hover-select li:hover a{background: rgba(0,48,32,.3);color: #fff;}

/* 搜索区域 */
.search-area{width: 660px;margin: auto;padding: 1.4rem 0;text-align: center;}
.search-banners, .search-group{position: relative;}
.search-banners{height: 4.4rem;align-items: center;display: flex;}
.search-banner{flex: 1 0 0;transition-property: opacity,flex,transform;transition-duration: .4s;overflow: hidden;}
.search-banner.active{flex: 1 0 100%;}
.search-banners:hover .search-banner{flex: 1 1 0;opacity: .3;box-shadow: -5px 0 5px #777;transform: skewX(-10deg);border-radius: 5px;}
.search-banners:hover .search-banner.active{flex: 1 0 0;box-shadow: -5px 0 5px #68d;}
.search-banners:hover .search-banner:hover{flex: 2 0 0;opacity: 1;}
.search-banner img{height: 4rem;}
.banner-options{display: flex;justify-content: center;flex: 0 0 0;overflow: hidden;transition: flex .4s;}
.banner-options.active{flex: 1 0 100%;}
.banner-options a{padding: .3rem .85rem;line-height: 1;flex: 0 0 auto;vertical-align: top;}
.banner-options a.active{background: #606d80;color: #fff;}
.search-group input{padding-right: 2rem;}
.search-group .icon-right{position: absolute;right: 0;top: 0;font-size: 1.4rem;line-height: 2.1rem;color: #b2b2b2;border: none;background: none;padding: 0;}
.s-suggestion{width: 100%;border: 1px solid #898989;padding: .35rem 0;text-align: left;z-index: 10;}
.s-suggestion p{padding: 0 .7rem;cursor: pointer;}
.s-suggestion p.active{background: #ddd;}
@media only screen and (min-width: 1580px){
    .search-area{width: 880px;}
}

/* 新闻区域 */
.news-frame{width: 200px;}
.news-frame:hover{background-color: rgba(245, 255, 250, .8);}
.news-frame p{margin: 0 0 .7rem .9rem;position: relative;}
.news-frame p:before{content: "\B";position: absolute;left: -.9rem;top: .5rem;width: .3rem;height: .3rem;background: #898989;}
.news-frame a{color: #333;text-shadow: -1px 1px 2px #bbb;}
.news-title{position: relative;background-color: rgba(179,214,216,0.8);border: 1px solid #86aa9f;border-bottom-width: 0;}
.news-title img{width: 100%;padding: .7rem 1.4rem 0;box-sizing: border-box;}
.news-title:before,.news-title:after{content: "\200B";position: absolute;box-sizing: border-box;width: 1rem;height: 100%;top: 0;border: 0px solid #86aa9f;border-bottom-width: 1px;z-index: 0;}
.news-title:before{left: 0;}
.news-title:after{right: 0;}
.news-content{background-color: rgba(179,214,216,0.8);line-height: 1.4rem;padding: .7rem 1rem 1rem;}
@media only screen and (min-width: 1580px){
    .news-frame{width: 270px;}
}

/* 分类区域 */
.r_content{width: 955px;margin-left: 15px;}
.gate-category{height: 2.8rem;display: flex;width: 100%;text-align: center;letter-spacing: .5em;line-height: 2rem;border: 1px solid #93c9d9;border-bottom: none;z-index: 2;position: relative;}
.gate-category>a{flex: 1 1 10%;border-bottom: 1px solid #86aa9f;border-left: 1px solid #93c9d9;padding: .35rem .7rem;background-color: rgba(179, 214, 216, 0.8);color: #5c92a6;}
.gate-category>a.en{letter-spacing: .1em;}
.gate-category>a.icon-setting{flex: 0 0 auto;}
.gate-category>a.active{border: 1px solid #86aa9f;border-bottom: none;z-index: 2;margin: -1px -1px 1px;background-color: rgba(245, 255, 250, .8);color: #365;}
.gate-links{padding: 10px 0;border: 1px solid #86aa9f;border-top: none;background-color: rgba(245, 255, 250, .8);display: none;margin-top: -1px;position: relative;}
.gate-links.active{display: block;}
.gate-links ul{display: block;margin: 0 11px;}
.gate-links li{float: left;width: 145px;line-height: 1.7rem;margin: 5px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.gate-links li a:before{text-align: center;width: 1.3rem;line-height: 1.3rem;margin-right: .3rem;padding: 1px 0 0 1px;border-radius: 2px;font-family: /*"Ftiebihei",*/"Microsoft Yahei","Hiragino Sans GB","WenQuanYi Micro Hei",arial,sans-serif;}
.gate-links li a{color: #000;display: inline-block;}
.gate-edit-add{display: none;}
.gate-links li.gate-edit-add a{color: #5C92A6;}
/*编辑时*/
.gate-links.gate-editing li.gate-edit-add{display: list-item;}
.gate-links.gate-editing li{box-shadow: #aaa 0px 0px 2px 1px;background-color: rgba(255,255,255,.6);color: #777;cursor: pointer;}
.gate-links.gate-editing li>a{color: #454545;pointer-events: none;}
.gate-links.gate-editing li>a:before{content: initial;}
#justfont-badge{display: none !important;}
@media only screen and (min-width: 1580px){
    .r_content{width: 1250px;margin-left: 20px;}
    .gate-links ul{margin: 0 14px;}
    .gate-links li{width: 191px;margin: 6px;}
}
